/* 超小设备（手机，小于 768px） */
/* Bootstrap 中默认情况下没有媒体查询 */
/* 大型设备（大台式电脑，小于 1200px） */
@media (max-width: 1200px) {
  .login-container {
    margin-top: 40px;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .login-box {
    width: 960px;
    height: 540px;
  }
}
/* 中型设备（台式电脑，小于 992px） */
@media (max-width: 992px) {
  .login-box {
    width: 100vw;
  }
}
/* 小型设备（平板电脑，小于 768px） */
@media (max-width: 768px) {
  .login-box-left {
    display: none;
  }
  .login-box {
    width: 100vw;
    height: 100vh;
  }
}
